<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>商品管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,width=device-width,height=device-height"/>

    <!-- 通用文件引入 -->
    <#include "../../common/base.html"/>
    <script type="text/javascript" charset="utf-8" src="${webRoot!}/js/bus/order/order.js"></script>
    <script type="text/javascript" charset="utf-8" src="${webRoot!}/js/bus/order/select2.js"></script>
    <script type="text/javascript" src="${webRoot!}/skins/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript">
        $(function () {
            Order.path = '${webRoot!}';
            Order.render();
        });
    </script>

    <style>
        .select2-drop {
            z-index: 10050 !important;
        }

        .select2-search-choice-close {
            margin-top: 0 !important;
            right: 2px !important;
            min-height: 10px;
        }

        .select2-search-choice-close:before {
            color: black !important;
        }

        /*防止select2不会自动失去焦点*/
        .select2-container {
            z-index: 16000 !important;
        }

        .select2-drop-mask {
            z-index: 15990 !important;
        }

        .select2-drop-active {
            z-index: 15995 !important;
        }
    </style>

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">

    <!-- Panel Columns & Select -->
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>订单列表</h5>
        </div>
        <div class="ibox-content">
            <div class="row row-lg">
                <div class="example-wrap">
                        <div id="work-supervision-buttons" style="height: 30px;">
							<div style="float: left;">
								<button type="button" class="btn btn-outline btn-default"  onclick="window.location.href='${webRoot!}/pnr/forwardPnrInput.do'">
	                                <i class="glyphicon glyphicon-plus-sign" aria-hidden="true"></i>PNR录单
	                            </button>
	                            <button type="button" class="btn btn-outline btn-default" onclick="Order.orderListDownload()">
	                                <i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i>导出订单
	                            </button>
							</div>
							<div id="organizer">
								<button title="搜索" onclick="Order.render()" type="button" class="btn btn-default" style="height: 32px; float: right; margin-right: 5px;">
									搜索
								</button>
								<input type="text" id="search_issueDate" class="form-control" placeholder="出票日期" onFocus="WdatePicker()" size="25" style="float: right;width: 120px;margin-right:5px;">
								<label style="float: right; text-align: right;line-height:32px;margin-right:5px;">出票日期：</label>
								<input type="text" id="search_sellerNicheng" class="form-control" placeholder="填单人" size="25" style="float: right;width: 120px;margin-right:5px;">
								<label style="float: right; text-align: right;line-height:32px;margin-right:5px;">填单人：</label>
								<input type="text" id="search_oSupplier" class="form-control" placeholder="供应商" size="50" style="float: right;width: 120px;margin-right:5px;">
								<label style="float: right; text-align: right;line-height:32px;margin-right:5px;">供应商：</label>
								<input type="text" id="search_oTicketNo" class="form-control" placeholder="票号" size="25" style="float: right;width: 120px;margin-right:5px;">
								<label style="float: right; text-align: right;line-height:32px;margin-right:5px;">票号：</label>
								<input type="text" id="search_oName" class="form-control" placeholder="乘机人" style="float: right;width: 120px;margin-right:5px;">
								<label style="float: right; text-align: right;line-height:32px;margin-right:5px;">乘机人：</label>
								<input type="text" id="search_oPnr" class="form-control" placeholder="PNR " size="8" style="float: right;width: 120px;margin-right:5px;">
								<label style="float: right; text-align: right;line-height:32px;margin-right:5px;">PNR：</label>
                                <input type="text" id="search_oNo" class="form-control" placeholder="订单号" size="30" style="float: right;width: 120px;margin-right:5px;">
								<label style="float: right; text-align: right;line-height:32px;margin-right:5px;">订单号：</label>
							</div>
						</div>
                        <table id="order-table" data-url="${webRoot!}/order/orderList.do" data-side-pagination="server"
                               data-mobile-responsive="true" data-page-list="[10, 20, 50, 100, 200]"
                               data-toolbar="shop-buttons" data-click-to-select="true" data-pagination="true"
                               data-search="false" data-show-refresh="false">
                            <thead>
                            <tr>
                                <th data-field="oNo" data-align="center" data-width="60" data-formatter="Order.orderNoFormatter">订单编号</th>
                                <th data-field="oPnr" data-align="center" data-width="50">PNR</th>
                                <th data-field="oName" data-align="center" data-width="100">乘机人</th>
                                <th data-field="oRoute" data-align="center" data-width="100">行程</th>
                                <th data-field="oTicketNo" data-align="center" data-width="70">票号</th>
                                <th data-field="customerName" data-align="center" data-width="70" >客户</th>
                                <th data-field="oTicketSource" data-align="center" data-width="50">票证来源</th>
                                <th data-field="oSupplier" data-align="center" data-width="100">供应商</th>
                                <th data-field="oTicketPrice" data-align="center" data-width="50">票面价</th>
                                <th data-field="oTicketRebate" data-align="center" data-width="50">后返</th>
                                <th data-field="oTicketTax" data-align="center" data-width="50">税金</th>
                                <th data-field="oTicketSettlementPrice" data-align="center" data-width="50">结算价</th>
                                <th data-field="oTicketSellPrice" data-align="center" data-width="50">实收价</th>
                                <th data-field="oTicketProfit" data-align="center" data-width="50">利润</th>
                                <th data-field="oStatus" data-align="center" data-width="50" data-formatter="Order.status">状态</th>
                                <th data-field="sellerNicheng" data-align="center" data-width="50">填单人</th>
                                <th data-field="oIssueDate" data-align="center" data-width="50" data-formatter="Order.getTime">出单日期</th>
                                <th data-field="oCreateTime" data-align="center" data-width="50" data-formatter="Order.getTime">录单日期</th>
                                <th data-field="oRemark" data-align="left" data-width="100">备注</th>
                                </th>
                            </tr>
                            </thead>
                        </table>
                </div>
            </div>
        </div>
    </div>
    <!-- End Panel Columns & Select -->
    <div id="dialog"></div>

</div>

</body>

</html>
